// --------------------------------------------------
// @Desc 树形结构
// @Author: steven.wjx
// @Date:   2020-03-05 13:17:50
// --------------------------------------------------
.#{$ui-name}tree {
	.#{$ui-name}tree-list {
		padding-left: 30px;

		.#{$ui-name}tree-node {
			.#{$ui-name}tree-node-wraper {
				margin-bottom: 8px;
				line-height: 20px;

				.#{$ui-name}tree-node-switch {
					@include inline-block;
					cursor: pointer;
					@include size(20px);
					text-align: center;

					.hiicon {
						position: relative;
						top: -2px;
						font-size: 13px;
					}
				}

				.#{$ui-name}tree-node-check {
					@include inline-block;
					cursor: pointer;
					@include size(20px);
					text-align: center;

					.hiicon {
						position: relative;
						top: -2px;
						font-size: 16px;
						&.hiicon-minus-square-fill, &.hiicon-check-square-fill, &.hiicon-border {
							color: $primary-color;
						}
						&.hiicon-check-square {
							color: $primary-color;
						}
					}
				}

				.#{$ui-name}tree-node-title {
					@include inline-block;
					font-size: 12px;
				}
			}
			&.#{$ui-name}tree-node-disabled {
				.#{$ui-name}tree-node-check {
					.hiicon {
						&.hiicon-minus-square-fill, &.hiicon-check-square-fill, &.hiicon-border, &.hiicon-check-square {
							@include opacity(0.4);
							cursor: not-allowed;
						}
					}
				}
			}
		}
	}

	>.#{$ui-name}tree-list {
		&:first-child {
			padding-left: 0;
		}
	}
}